

img {
    width:100%;
}
.head_bg {
    background: transparent;
    padding: 10px 0;
}
.listW li {
    position: relative;
    width:150px;
    height: 50px;
    float: left;
    margin-right: 16px;
    cursor: pointer;
}
.listW li:nth-child(1){
    margin-left:20px;
}
.listW li span{
    display: block;
    width:100%;
    height:100%;
}
.listW .icon_1 { /** 联网企业 **/
    background: url(../images/onephoto/lwfbq.png) center center no-repeat;
    background-size: cover;
}

.listW .icon_1.active { /** 联网企业 **/
    background: url(../images/onephoto/lwfbh.png) center center no-repeat;
    background-size: cover;
}
.listW .icon_2 { /** 防火防患 **/
    background: url(../images/onephoto/fhfhq.png) center center no-repeat;
    background-size: cover;
}

.listW .icon_2.active { /** 防火防患 **/
    background: url(../images/onephoto/fhfhh.png) center center no-repeat;
    background-size: cover;
}
.listW .icon_3 { /** 设备分布 **/
    background: url(../images/onephoto/sbfbq.png) center center no-repeat;
    background-size: cover;
}

.listW .icon_3.active { /** 设备分布 **/
    background: url(../images/onephoto/sbfbh.png) center center no-repeat;
    background-size: cover;
}
.listW .icon_4 { /** 专家分布 **/
    background: url(../images/onephoto/zjfbq.png) center center no-repeat;
    background-size: cover;
}

.listW .icon_4.active { /** 专家分布 **/
    background: url(../images/onephoto/zjfbh.png) center center no-repeat;
    background-size: cover;
}
.containfr{
    float: right;
    margin-right: 20px;
}
.scsjbb{
    margin-top:10px;
    margin-bottom: 20px;
    width:344px;
    height:48px;
    background: url(../images/onephoto/scsjbbq.png) center center no-repeat;
    background-size: cover;
    cursor: pointer;
}
.scsjbb.active{
    width:344px;
    height:48px;
    background: url(../images/onephoto/scssbbh.png) center center no-repeat;
    background-size: cover;
}
.jzWrap,.xfWrap{
    width:357px;
    height:420px;
    background: url(../images/onephoto/divbg.png) center center no-repeat;
    background-size: cover;
    margin-bottom: 20px;
}

.jz_title {
    padding: 0 30px 0 20px;
    line-height: 70px;
    font-size: 14px;
}
.jz_title span ,.jz_title em{
    font-size: 14px;
}
.iconfont{
    display: inline-block;
    vertical-align: middle;
}

.jz_content,.xf_content{
    padding: 20px 30px 0 20px;

}
.jz_content .comContent,
.xf_content .comContent{
    width: 33%;
    text-align: center;
    margin-bottom: 14px;
}
.jz_content .comContent span,
.xf_content .comContent span {
    font-size: 14px;
}
.containerfl{
    position: relative;
    z-index: 2;
    float:left;
    width:234px;
    /* height:1000px; */
    /* background-color: rgba(0,0,0,.2); */
    padding-left:10px;
    padding-top:20px;
}
.searchBtn{
    width:199px;
    height:35px;
    background:rgba(50,197,255,0.26);
    border:1px solid rgba(50,197,255,1);
    position: relative;
    padding-top:6px;
    margin-bottom: 20px;
}
.searchBtn img{
    position: absolute;
    right:10px;
    top:10px;
    width: 20px;
    height:20px;
}
.searchBtn input{
    color:#32C5FF;
    font-size: 16px;
    line-height: 24px;
    margin-left:10px;
    outline: none;
    border:0 none;
    background: transparent;
}
.searchBtn input::placeholder
{
    color:#32C5FF;
}
.containerMain{
    width:100%;
    min-height: 100%;
    /* background: url(../images/onephoto/lianwang_bg.png) no-repeat; */
    background-size: cover;
    overflow: hidden;
    position: relative;
}
.lianwangImg {
    position: absolute;
    width: 100%;
    height: 120%;
    top:-200px;
    left: 0;
    z-index: -1;
    padding-bottom: 300px;
}
.jk_lianwangImg {
    top:0;
}
.containCenter {
    float: left;
    position: absolute;
    left:0;
}
/*** 联网单位分布 ***/
.layui-tree-txt ,.layui-tree-icon .layui-icon{
    color: #2ba8da;
}

.layui-tree-icon {
    border-color: #2ba8da;
}
.networkW {
    width: 346px;
    height: 216px;
    /* background: url(../images/index/rc_bg.png) no-repeat; */
    background-size: cover;
    border: 1px solid rgba(50,197,255,1);
    color: #b7cef8;
    position: relative;
    margin-left: 266px;
    margin-top: 19px;
}
/* .networkW .title {
   position: absolute;
   left: 50%;
   top:-4px;
   margin-left: -36px;
} */
.networkCont {
    padding:0 32px;
}

.networkCont h4 {
    margin: 12px 0 ;
    width:122px;
    text-align: center;
}
.networkW .newwork_nums {
    width:122px;
    height: 58px;
    line-height: 58px;
    border: 1px solid #62b1e9;
    color: #62b1e9;
    text-align: center;
}

.newworkImg {
    width: 346px;
    height: 216px;
    border: none;
}
.newworkImg  img{
    width:84%;
}

.smallSlice div {
    width:199px;
    height:59px;
    text-align: center;
    line-height: 59px;
    font-size: 16px;
    color:#fff;
}
.shigh{
    position: absolute;
    left: 788px;
    top: 410px;
}
.sheavy{
    position: absolute;
    left:388px;
    top:260px;
}
.shigh1{
    position: absolute;
    left: 852px;
    top: 664px;
}
.sone{
    position: absolute;
    left: 566px;
    top: 562px;
}
.sone1{
    position: absolute;
    left: 666px;
    top: 162px;
    transform: scale(0.6);
}
.sthree{
    position: absolute;
    left: 991px;
    top: 238px;
    transform: scale(0.5);
}
/** 一般单位 **/

.smallSlice .comsmallmsg {
    width:199px;
    height: 60px;
    cursor: pointer;
}
.smallSlice .heavy {
    background: url(../images/onephoto/zddanwei.png) no-repeat;
    background-size: 199px 60px;
}
.smallSlice .one {
    background: url(../images/onephoto/yibandanwei.png) no-repeat;
    background-size: 199px 60px;

}
.smallSlice .high {
    background: url(../images/onephoto/gaoweidw.png) no-repeat;
    background-size: 199px 60px;
} 
.smallSlice .three {
    background: url(../images/onephoto/sanxiao.png) no-repeat;
    background-size: 199px 60px;
} 
/* .smallSlice div.heavy{
    background: url('../images/onephoto/heavy_bg.png');
    background-size: 199px 59px;
    background-repeat: no-repeat;
    
} */
/* .smallSlice div.high{
    background: url('../images/onephoto/high_bg.png');
    background-size: 199px 59px;
    background-repeat: no-repeat;
   
    
}
.smallSlice div.one{
    background: url('../images/onephoto/one_bg.png');
    background-size: 199px 59px;
    background-repeat: no-repeat;
    
    
}
.smallSlice div.three{
    background: url('../images/onephoto/three_bg.png');
    background-size: 199px 59px;
    background-repeat: no-repeat;
   
} */
.smallSlice img{
    width:232px;
    height:179px;
}
.iconW {
    position: relative;
}
.xfs{
    position: absolute;
    width: 32px;
    height: 32px;
}
.xfs1{
    left: 650px;
    top: 272px;
}
.xfs2{
    left: 660px;
    top: 422px;
}
.xfs3{
    left: 760px;
    top: 122px;
}
.xfs4{
    left: 700px;
    top: 522px;
}
.xfs5{
    left: 1050px;
    top: 222px;
}
.xfs6{
    left: 830px;
    top: 722px;
}

.xfs7{
    left: 1080px;
    top: 622px;
}
.xfs8{
    left: 1030px;
    top: 522px;
}
 .xiaofangsuan {
    position: absolute;
    bottom: -20px;
    left: 39%;
    width: 32px;
    height: 32px;
    background: url('../images/onephoto/xiaofshang.png');
    background-size: 173px 161px;
}
.smallSlicesb{
    width:173px;
    height:161px;
    padding-top:16px;
    padding-left: 15px;
    background: url('../images/onephoto/numstatus.png');
    background-size: 173px 161px;
    background-repeat: no-repeat;
    position: absolute;
    left: 883px;
    top: 37px;
}
.smallSlicesb span{
    display: block;
    font-size: 16px;
    line-height: 24px;
}


.containerMain1{

}

.containerMain2{
    width:100%;
    height:100%;
}
.containerMain2 .containerfl2{
    width:13.75%;
    height:1000px;
    background: rgba(0,0,0,.2);
}
.containerMain2 .containerfl2 .shuruOption{
    width:86%;
    margin:10px auto;
}
.containerMain2 .containerfl2 table{
    width:86%;
    margin:10px auto;
}
.containerMain2 .containerfl2 table tr td:last-child,
.containerMain2 .containerfl2 table tr th:last-child{
    width:46.27%;
}
.containerMain2 .containerfl2 table tr td:nth-child(2),
.containerMain2 .containerfl2 table tr th:nth-child(2){
    width:39.9%;
}
.containerMain2 .containerfl2 table tr td:first-child,
.containerMain2 .containerfl2 table tr th:first-child{
    width:28%;
}
.containerMain2 .containerfl2 table tr th{
     background: #32C5FF;
     margin-right:1%;
}

.comLianWang {
    display: none;
 }


 .containerMain {
     display: block;
 }
 .fanghuoW {
     display: none;
 }

 /**** 专家分布热点 ****/
 .comMap {
     position: relative;
     display: none;
 }
 .comMapActive {
     display: block;
 }

 .comMap .zjBtns {
     position: absolute;
     left: 274px;
     top:22px;
  
 }
 #comMap_4 .zjBtns {
     top:0;
 }
 .comMap .zjBtns img{
    width: 80px;
    height: 36px;
    cursor: pointer;
 }

 /*****设备分布*****/
.shebeiWrap {
    position: relative;
}
.quyu {
    position: absolute;
    left: 20px;
    top:60px;
    width: 300px;
    height: 48px;
    padding-left: 10px;
    border: none;
    background: #fff;
    border-radius: 20px;
    font-size: 14px;

}
.listBtn {
    position: absolute;
    top:-40px;
    right: 0;
    z-index: 2;
    text-align: right;

}
.listBtn  span {
    display: inline-block;
    width: 78px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #008080;
    color: #fff;
    margin-right: 6px;
    font-size: 14px;
    cursor: pointer;

}
.listBtn .sbBtn {
    width: 110px;
}
.listBtn .btnInline {
    display: inline-block;

}

#xiaofangShow {
    position: absolute;
    right: -524px;
    top:40px;
    width: 518px;
    height: 362px;
    transition: 0.5s;
    z-index: 3;
    transform: scale(0.8);
}
#tableShow {
    position: absolute;
    right: -488px;
    bottom:0;
    width: 488px;
    height: 667px;
    transition: 0.5s;
    transform: scale(0.8);
}
#videoshow {
    position: absolute;
    left: 50%;
    top:-800px;
    width: 935px;
    height: 667px;
    transform: translateX(-50%) scale(0.8);
    transition: 0.5s;
    z-index: 5;
}
.lianwangBg {
    position: relative;
}
.dataWrap {
    position: absolute;
    top:100px;
    left: 50%;
    margin-left: -633px;
    width: 1266px;
    height: 806px;
    display: none;
    transform: scale(0.8);

}
.comDataImg {
    display: none;
}
.comDataImgActive {
  display: block
}


.xiaofangshan {
    width: 500px;
    position: absolute;
    left: 50%;
    margin-left: -250px;
    top:60px;
}


.xiaofangshan .comxfximg {
    position: absolute;
    width: 54px;
    height: 53px;
    cursor: pointer;
    
}

.xiaofangshan  .xfximg1 {
    left:99px;
    top:456px;
}
.xiaofangshan  .xfximg2 {
    left:200px;
    top:80px;
}
.xiaofangshan  .xfximg3 {
    left:400px;
    top:196px;
}
.xiaofangshan  .xfximg4 {
    left:366px;
    top:98px;
}
.xiaofangshan  .xfximg5 {
    left: -91px;
    top: 200px;
}
.xiaofangshan  .xfximg6 {
    left:40px;
    top:366px;
}

@media  (max-width:1367px) {

    .jzWrap, .xfWrap {
        transform: scale(0.85);
    }
    .xfs5,.xfs3 {
        display: none;
    }
    .smallSlicesb {
        left: 725px;
        transform: scale(0.8);
    }
    .shigh1 {
        left: 804px;
        transform: scale(0.8);
    }
    .sthree {
        left: 803px;
        top: 190px;
    }
    .shigh{
        transform: scale(0.8);
    }
    .networkW  {
        transform: scale(0.94);
    }
}
 @media  (min-width:1368px) and (max-width:1439px){ /*** 1366/1920 **/
	
    .smallSlicesb {
        left: 725px;
        transform: scale(0.8);
    }
    .shigh1 {
        left: 804px;
        transform: scale(0.8);
    }
    .sthree {
        left: 803px;
        top: 190px;
    }
    .shigh{
        transform: scale(0.8);
    }
    .networkW  {
        transform: scale(0.94);
    }
}





